Learn about more visual design elements 瞭解更多視覺設計元素
四個基礎視覺元素介紹
1. 線條（Lines）
線條是連線兩個點的直線。在UX設計中，線條可以用於：
- 區分頁面的不同部分
- 連線相關資訊模組
- 強調重要內容
例如，在標題下方加一條橫線，可以增強對標題的視覺關注。
2. 尺寸（Size）
元素的尺寸決定其在介面中的視覺權重和互動效果，特別是在小螢幕裝置（如手機）中更為關鍵：
- 按鈕太小會導致誤觸
- 資訊過多會影響可讀性
合理的尺寸設定能顯著提升使用者體驗。
3. 形狀（Shape）
形狀是由線條圍成的封閉區域，具有長度與寬度。常見形狀包括矩形、方形、圓形等，常用於：
- 功能按鈕（如帶加號的圓形表示展開選單）
- 關閉操作（如帶“X”的圓形）
這些視覺語言已成為使用者熟悉的互動模式。
4. 圖片（Image）
圖片是傳遞情緒、講述故事的重要方式。包括：
- 靜態圖片：照片、插圖
- 動態圖片：動圖、動畫
圖片應與應用內容高度相關。例如，在家庭維修類App中，用一張堵塞水槽的照片可以喚起使用者共鳴，增強設計的情感傳達力。
綜合應用時的兩項核心考量Putting it all together
1. 視覺吸引力（Visual appeal）
回顧你的設計時，關注以下問題：
- 線條是否正確連線或分隔了應有的區域？
- 是否有圖形重疊或錯位的情況？
- 圖片是否成功上傳並正常顯示？
細節決定整體觀感，良好的視覺設計應兼顧內容與佈局。
2. 可訪問性（Accessibility）
設計中需要考慮所有使用者，包括視覺障礙者。例如：
- 標題是否透過線條或樣式清晰區分？
- 圖片是否都設有替代文字（alt text）？
可訪問性是設計成功的關鍵指標之一，不能忽略。
三、推薦資源
繼續深化學習視覺設計時，可參考Usability.gov 提供的簡易指南，內容涵蓋：
- 本文提到的四個視覺元素
- 其他設計原則與實用技巧
它將是你今後完善高保真原型與提升設計能力的有力輔助。